@charset "utf-8";


@media screen and (max-width:768px) {

.wp{width:100%;padding-right:10px;padding-left:10px;box-sizing:border-box;}
.nav{display:none;}
.pro-content img,.myart img{width:100%;height:auto;}
#footBar{display:block;}
.addthis_inline_share_toolbox_ysau{text-align:center;margin-top:15px;}

/*---------------*/

#top{height:50px;line-height:50px;background:#333;}
#top .wp{padding:0;}
#top p,.search{display:none;}
#top span{display:block;}
.header-lang{margin:9px 10px 0 0;}
.header-lang .box{border:1px solid #fff;}
.header-lang .box em{color:#fff;}
.header-lang .box i{color:#fff;}

.header{height:auto;padding:20px 0;text-align:center;}
.header .logo{float:none;margin:0;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;}
#banner .swiper-pagination-bullet-active{width:10px;border-radius:50%;;}

#footer{padding:20px 0;}
#footer h5{color:#616060;font-size:18px;line-height:25px;margin:0 0 15px 0;text-align:center;}
#footer .box{float:none;height:auto;text-align:center;}
#footer .box p{font-size:14px;line-height:23px;}
#footer .logo{width:100%;margin:0;text-align:center;}
#footer .box1{width:100%;margin:20px 0 0;border-right:none;}
#footer .box3,#footer .box4{display:none;}

.copyright{height:auto;padding:15px 0 60px;}
.copyright p{font-size:14px;float:none;line-height:24px;}
.copyright .share{float:none;margin:10px 0 0 0;text-align:center;}
.copyright .share a{margin:0 2px;}

/*---------------*/

.indexA{padding:30px 0;}
.indexA h3{font-size:30px;}

.indexA .list{margin:20px 0 0;}
.indexA .list-left{float:none;width:100%;height:250px;}
.indexA .list-left .t{height:100px;padding:15px 10px 0;}
.indexA .list-left .t h5{font-size:18px;margin:0;text-align:center;}
.indexA .list-left .t ul{display:none;}
.indexA .list-left .t a.more{position:static;margin:15px auto 0;width:130px;height:30px;line-height:30px;border-radius:20px;font-size:12px;}

.indexA .list-left:hover .t{height:100px;background:rgba(0,0,0,0.6);}
.indexA .list-left:hover img{opacity: 1;-webkit-transform:scale(1.06);transform:scale(1.06);}

.indexA .list-right{float:none;width:100%;}
.indexA .list-right .box{margin-top:15px;height:250px;}
.indexA .list-right .box .t{height:100px;padding:15px 10px 0;}
.indexA .list-right .box .t h5{font-size:18px;margin:0;text-align:center;}
.indexA .list-right .box .t ul{display:none;}
.indexA .list-right .box .t a.more{position:static;margin:15px auto 0;width:130px;height:30px;line-height:30px;border-radius:20px;font-size:12px;}

.indexA .list-right .box:hover .t{height:100px;}

.indexC{height:auto;padding:30px 0;box-sizing:border-box;}
.indexC .txt{width:100%;float:none;padding:0 10px;}
.indexC .txt h3{font-size:30px;margin-bottom:20px;text-align:center;}
.indexC .txt p{font-size:14px;line-height:26px;margin-bottom:10px;}
.indexC .txt p strong{font-size:15px;}
.indexC .txt .more{margin:20px 0 0;text-align:center;}
.indexC .txt .more a{width:130px;height:30px;line-height:30px;font-size:12px;}

.indexD{padding:30px 0;}
.indexD h3{font-size:30px;margin-bottom:20px;}

.indexD .topnews{float:none;width:100%;border-radius:0;}
.indexD .topnews img{border-radius:0;}
.indexD .topnews .txt{height:40px;line-height:40px;border-radius:0;padding:0 10px;background:rgba(45,73,59,0.6);}
.indexD .topnews .txt h5{font-size:16px;margin:0;}
.indexD .topnews .txt p{display:none;}
.indexD .topnews:hover .txt{height:40px;}

.indexD .indexnews{float:none;width:100%;}
.indexD .indexnews ul{margin:10px 0 0;}
.indexD .indexnews ul li{height:auto;margin:0;padding:15px 10px;border-radius:0;border-bottom:1px solid #ccc;}
.indexD .indexnews ul li .d{float:none;width:auto;border-right:none;}
.indexD .indexnews ul li .d span{font-size:13px;float:none;margin:10px 6px 0 0;display:inline;}
.indexD .indexnews ul li .d p{font-size:15px;float:none;text-align:left;line-height:30px;display:inline;}
.indexD .indexnews ul li .d p br{display:none;}
.indexD .indexnews ul li .d p i{font-size:15px;margin-left:6px;}
.indexD .indexnews ul li .t{margin:6px 0 0;}
.indexD .indexnews ul li .t h5{font-size:16px;}



.path{background:#fff;height:40px;line-height:40px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.path h3{display:none;}
.path p{float:none;color:#555;font-size:13px;}
.path p i{font-size:13px;color:#555;}
.path p a{color:#555;}


.main{padding-top:20px;padding-bottom:30px;}

.mainleft,.mainRight{width:100%;float:none;}

.sidemenu h3::after,.left_nav h3::after{display:block;}
.sidemenu ul,.left_nav dl,.left_contact{display:none;}


.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:48%;margin:0 0 15px 2%;}
.productlist ul li .t p{display:table-cell;font-size:14px;background:none;}


.pro_view_top{padding:10px;}
.pro_img{float:none;width:400px;margin:0 auto;}

.pro_view_inner{float:none;width:100%;margin:20px 0 0 0;}
.pro_view_inner h1{font-weight:400;font-size:16px;margin:0;text-align:center;}
.pro_view_inner p{margin:15px 0;font-size:14px;text-align:left;}
.pro_view_inner a.book{width:120px;height:35px;line-height:35px;font-size:14px;margin:0 auto;}


.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}

.pro_tab{display:none;}

.related-pro ul{margin:0 0 0 -2%;}
.related-pro ul li{width:48%;margin:15px 0 0 2%;}
.related-pro ul li .t p{font-size:12px;}

.map,.map iframe{width:100%;}

.about{line-height:24px;font-size:14px;color:#434343;}
.about h5{font-size:24px;text-align:center;}

.honor ul li{width:48%;margin:0 0 15px 2%;}
.honor ul li img{border:2px solid #E0E0E0;}

.rd{line-height:24px;font-size:14px;}
.rd h5{font-size:24px;}
.rd p{margin:0 0 10px 0;}
.rd img{margin:0 0 10px 0;}

.newslist ul li{padding:15px;}
.newslist ul li a.pic{float:none;width:245px;margin:0 auto;}
.newslist ul li .t{margin:20px 0 0;}
.newslist ul li .t h5{font-size:16px;}

.newsnr{background:#fff;padding:0;}
.newsnr h1{font-size:18px;}
.newsnr .artInfo{padding:20px 0 15px;}
.newsnr .artInfo span{margin:0 6px;font-size:13px;}
.newsnr .myart{line-height:22px;font-size:14px;}


.contactinfo{width:100%;float:none;}
.contactinfo h3{font-size:22px;}
.contactinfo p{line-height:24px;font-size:14px;}

.map{margin:20px 0 0;}

.contact-inquiry{float:none;width:100%;margin:20px 0 0;}





}


@media screen and (max-width:480px) {

.pro_img{width:100%;}



}

@media screen and (max-width:400px) {

.productlist ul{margin:0}
.productlist ul li{float:none;width:100%;margin:0 0 15px;}

.pro_img .spic ul li{width:50px;}

.about h5{font-size:20px;}


}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}